import React from "react";
import { Ionicons } from "@expo/vector-icons";
import { Text, View } from "react-native-ui-lib";
import { useLoadedFontFamilyByAction } from "@/hooks/font";

interface IFoundListProps {
  icon: React.ComponentProps<typeof Ionicons>["name"];
  iconSize: number;
  iconColor: string;
  title: string;
  titleSize: number;
  titleColor: string;
  hidden: boolean;
}
const FoundList: React.FC<IFoundListProps> = ({ icon, iconColor, iconSize, title, titleColor, titleSize, hidden }) => (
  <View flex center style={{ display: hidden ? "none" : "flex" }}>
    <View center>
      <Ionicons name={icon} size={iconSize} color={iconColor} />
      <Text style={{ ...useLoadedFontFamilyByAction("CHARACTER_SOUL"), color: titleColor, fontSize: titleSize }}>{title}</Text>
    </View>
  </View>
);

export default FoundList;
